<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>课程详情</title>
	</head>

	<body class="detail">
		<main class="main">
			<img src="../../assets/images/course-img01.jpg" id="img" />

			<div class="content">
				<h1 id="title">name</h1>
				<div class="title">
					<p class="calorie"><span id="calorie">calorie</span>千卡</p>
					<p class="time"><span id="time">time</span>分钟</p>
					<p class="peoplenum">
						<span id="peoplenum">peoplenum</span>w人练过&gt;
					</p>
				</div>
				<div class="userinfo">
					<!-- 头像栏 -->
					<div class="avator">
						<p class="pic"></p>
						<p class="username">
							用户名<br />
							<span>简介</span>
						</p>
						<p class="btn">+关注</p>
					</div>
					<!-- 信息 -->
					<p class="sign"></p>
				</div>
				<div class="frequency">
					<div>
						<i class="iconfont icon-sudu"></i>练习频次
						<p>每周<span id="frequency"></span>次</p>
					</div>
					<div>
						<i class="iconfont icon-qixie"></i><span>器械</span><br />
						<p id="instrument"></p>
					</div>
				</div>
			</div>
			<i id="back" class="iconfont icon-houtui"></i>
		</main>
		<a href="sports_course_play.html">开始训练</a>
	</body>
</html>
